<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个性路线</title>
    <link rel="stylesheet" href="CSS/line.css">
    <link rel="shortcut icon" href="images/travelling.ico">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    
    <script>
        $(function () {
            $('#head').load('head.html')
            $('#foot').load('foot.html')
        })
    </script>
</head>

<body>
    <div id="loopImg">
        <div>
            <img src="images/line-img/head5.png" alt="">
        </div>
        <div id="head"></div>
    </div>
    <div id="container">
        <div id="twopx-line"></div>
        <div id="con-top">
            <div id="con-top-title">路线分类</div>
            <div id="con-top-list">
                <ul class="nav nav-tabs">
                    <li class=" dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown">
                            人群划分 <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="linehelp/people1.html" target="iframe">活力行</a></li>
                            <li><a href="linehelp/people2.html" target="iframe">夕阳游</a></li>
                            <li><a href="linehelp/people3.html" target="iframe">亲子游</a></li>
                            <li><a href="#">情侣游</a></li>
                            <li><a href="#">蜜月游</a></li>
                            <li><a href="#">伙伴游</a></li>
                        </ul>
                    </li>
                    <li class=" dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown">
                            时间长度 <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">一日游</a></li>
                            <li><a href="#">两日游</a></li>
                            <li><a href="#">三日游</a></li>
                            <li><a href="#">四日游</a></li>
                            <li><a href="#">五日游</a></li>
                            <li><a href="#">七日游</a></li>
                            <li><a href="#">多日游</a></li>
                        </ul>
                    </li>
                    <li class=" dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown">
                            季节 <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">浪漫春日</a></li>
                            <li><a href="#">活力之夏</a></li>
                            <li><a href="#">金秋时节</a></li>
                            <li><a href="#">冬日热旅</a></li>
                        </ul>
                    </li>
                </ul>

            </div>
            <div id="con-top-main">

                <iframe src="linehelp/people1.html" name="iframe" frameborder="1" scrolling="no" width="1000px" height="600px" ></iframe>

            </div>
        </div>
        <div id="con-middle">
            <div id="con-middle-title">平台推荐</div>
            <div id="con-middle-main">
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div id="line-img">
                        <img class="col-xs-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div id="line-img">
                        <img class="col-xs-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div id="line-img">
                        <img class="col-xs-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div id="line-img">
                        <img class="col-xs-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>

            </div>
        </div>
        <div id="con-bottom">
            <div id="con-bottom-title">个人推荐</div>
            <div id="con-middle-main">
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div id="line-img">
                        <img class="col-xs-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div id="line-img">
                        <img class="col-xs-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div id="line-img">
                        <img class="col-xs-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div id="line-img">
                        <img class="col-xs-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-xs-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div id="foot"></div>
</body>

</html>